<template>
  <div>
    <titleTop :titleTxet="titleTxet"></titleTop>
    <div class="input_box container">
      <div class="font_32 c_44 m_d20">
        <span>您的手机号码</span>
      </div>
      <div class="font_28 input p_t15 p_d15 b_d">
        <input
          type="number"
          placeholder="请输入手机号码"
          v-model="phone"
        >
      </div>
      <div class="font_32 c_44 m_d20 code_box">
        <span>您的验证码</span>
      </div>
      <div class="font_28 input p_t15 p_d15 b_d flex f_align f_bet">
        <input
          type="number"
          placeholder="请输入验证码"
          v-model="code"
        >
        <div class="get_code font_28 c_88">
          <span>获取验证码</span>
        </div>
      </div>
    </div>
    <div class="btn_box w1">
      <div class="login t_center font_32 c_88" @click="toSetData">
        <span>登录</span>
      </div>
      <div class="flex f_align f_content wx_box">
        <img
          src="../../../assets/img/wx.png"
          alt=""
          class="wx"
        >
        <span class="font_32 c_8c">使用微信登录</span>
      </div>
    </div>
    <div class="w1 t_center font_24 c_28">
      <span>用户协议</span>
    </div>
  </div>
</template>
<script>
import titleTop from "../../com/title";
export default {
  components: { titleTop },
  data() {
    return {
      titleTxet: {
        titleName: "登录",
        IsBool: true,
        IsShare: false
      },
      phone: "",
      code: ""
    };
  },
  mounted(){
    mui.back = function() {
      window.history.go(-1);
    }
  },
  methods:{
    toSetData(){
      this.$router.push({path:"/myInfo"})
    }
  }
};
</script>
<style scoped>
.input_box {
  margin-top: 184px;
}
.code_box {
  margin-top: 78px;
}
.get_code {
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #884ca4;
  border-radius: 8px;
}
.btn_box {
  margin-top: 204px;
}
.login {
  width: 498px;
  height: 68px;
  line-height: 68px;
  border: 1px solid #884ca4;
  border-radius: 8px;
  margin: 0 auto;
}
.wx_box {
  width: 498px;
  height: 68px;
  line-height: 68px;
  border: 1px solid #8c8c8c;
  border-radius: 8px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 180px;
}
.wx {
  display: block;
  width: 46px;
  height: 38px;
  margin-right: 25px;
}
</style>
